<template>
  <div class="box">
    <strong>今日舆情</strong>
    <div class="message" v-for="i in this.today_yuqing_data.slice(0,3)">
      <strong>{{ i.title.substring(0,20) }}...</strong> <br>
      <p>&emsp;&emsp;{{i.content.substring(0,60)}}... </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "today_yuQing",
  props:{
    today_yuqing_data:{
      type:Array,
      required:true
    }
  },
  mounted() {
    // console.log(this.seven_yuqing_data)
  }
}
</script>

<style scoped>
.message{
  width: 350px;
  height: 120px;
  /*background-color: #42b983;*/
}
.box{
  border-width: 2px;
  border-style: solid   ;
  border-color:#4798A5;
  /*分别为上→右→下→左 边框设置*/
  border-radius: 3%;
}
</style>
